<script language="javascript">
    // apply filters  
    jQuery(document).ready(function(){
        jQuery("#list_detalle").jqGrid({
            url: '<?php echo site_url() ?>/documentosestatuspagina/detalleDocumento',
            mtype: 'POST',
            datatype: 'json',
            colNames:['Id Pagina','Id Documento','N&uacute;mero P&aacute;gina','Contenido'],
            colModel :[ 
				{name:'id_pagina', index:'id_pagina', width:2, hidden:true},
				{name:'id_documento', index:'id_documento', width:2, hidden:true},
                {name:'numero_pagina', index:'numero_pagina', width:2},
                {name:'contenido', index:'contenido_pagina',width:30}],
                
            pager: jQuery('#pager_detalle'),
            hiddengrid: false,
            sortname: 'numero_pagina',
            rowNum:10,
            rowList:[10,20,30,40,50],
            sortorder: "asc",
            height: '100%',
            width: '710',
            imgpath: _base_url + 'public/css/jqgrid/flex/images',
            viewrecords: true,
            multiselect: false,
            adjacents: 4,
			onSelectRow: function(ids) 
			{
				 
            	if(ids != null) 
            	{   
                	
            		var rec = jQuery("#list_detalle").getRowData(ids);	
            		lol=ids;
            		
            	}
            },
		
            jsonReader: { repeatitems : false, id_pagina: "0" }
        }).navGrid('#pager_detalle', {add:false,edit:false,del:false,search:false}, //options 
        {height:280,reloadAfterSubmit:true}, // edit options 
        {height:280,reloadAfterSubmit:false}, // add options 
        {reloadAfterSubmit:false}, // del options 
        {} // search options 
        )      
          
         .navButtonAdd('#pager_detalle',{caption:"Editar", buttonimg: _base_url + "public/images/edit.png", onClickButton:function()
         { 
           var id = jQuery('#list_detalle').getGridParam('selarrrow');
           var id=lol;
           if (id.length > 0) 
           {

                  var ret = jQuery("#list_detalle").getRowData(id);

                  var array = ret.id_pagina+"-"+ret.id_documento;

                  var validarCadena = array.split("-");

                  var validarPagina = validarCadena[0];

                  if(validarPagina == "undefined"){

                     jAlert("Debe seleccionar el detalle a Editar!");
                     
                  }else{
                      
                	  window.location = _site_url + '/documentosestatuspagina/edit/' + array;
                  }
               
            }else{ 
                
                  jAlert('Debe seleccionar al menos un registro'); 
                  
                 }
           
        return false; 
        } })
        
        .navButtonAdd('#pager_detalle',{caption:"Eliminar", buttonimg: _base_url + "public/images/delete.png", onClickButton:function(){ var id=lol;
        if (id.length > 0) {
            var msg = '';
            if(id.length == 1) msg = 'Realmente desea eliminar este registro?';
            else  msg = 'Realmente desea eliminar esta registro?';
            jConfirm(msg, 'Dialogo de Confirmacion', function (r) {
            	 
                if(r) {
                    var ids_to_delete = new Array();
                      for (var i = 0; i < id.length; i++){
                            var ret = jQuery("#list_detalle").getRowData(id[i]);
                            ids_to_delete[i] = ret.id_pagina;
                    }
                     var ret = jQuery("#list_detalle").getRowData(id); 
                    $.post( _site_url + '/documentosestatuspagina/delete', { delete_rows: ret.id_pagina}, function(data){
                        $('#error').html(data); jQuery("#list_detalle").setGridParam({ postData:{ search: false }}).trigger("reloadGrid");$('#list_detalle').clearGridData();
                    });
                 }
            });
        } else { jAlert('Debe seleccionar al menos un registro'); }

        return false;} 

        });
   
    }); 
</script>
<div class="table_container">
<table>
<tr><td><div id="titulo">Detalle de Documentos Compa&ntilde;&iacute;a<hr/></div><br /></td></tr>
<tr>
<td>
    <table id="list_detalle" class="scroll"></table>
    <div id="pager_detalle" class="scroll" style="text-align:center;"></div>
    
		</td>
 	</tr>
 </table>
</div>